<template>
  <el-card>
    <template #header>
      <h3>个人中心</h3>
    </template>

    <div>
      <ul>
        <li>
          <span>管理员ID:</span>
          <p>123</p>
        </li>
        <li>
          <span>账号:</span>
          <p>小貂蝉</p>
        </li>
        <li>
          <span>用户组:</span>
          <p>超级管理员</p>
        </li>
        <li>
          <span>创建时间:</span>
          <p>2019/10/20</p>
        </li>
        <li>
          <span>管理员头像:</span>
          <p>
            <el-avatar
              src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
            ></el-avatar>
          </p>
        </li>
      </ul>
    </div>
  </el-card>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
li {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #e4e4e4;

  > span {
    width: 120px;
    margin-right: 20px;
  }
}

.el-avatar {
  border: 1px solid #ccc;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
}
</style>
